// pages/registration/registration.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    countDown: 0,//倒计时
    tel: '',//手机号
    captcha: ''//验证码

  },
  /**
   * 手机号同步数据绑定
   * @param {*} e
   */
  bindTel: function (e) {
    this.setData({
      tel: e.detail.value
    })
  },
  /**
   * 获取验证码
   */
  getCaptcha: function () {
    //验证手机号是否为空
    if (!this.data.tel) {
      return wx.showToast({
        title: '请输入手机号',
        icon: 'error',
        mask: true
      })
    }
    //验证手机号格式
    const telRegex = /^1[3-9]\d{9}$/;
    if (!telRegex.test(this.data.tel)) {
      return wx.showToast({
        title: '手机号格式错误',
        icon: 'error',
        mask: true
      })
    }
    //倒计时未开始，才可以开始倒计时
    if (!this.data.countDown) {
      //发送验证码
      this.sendCaptcha();
      //开始倒计时
      this.startCountDown();
    }
  },
  /**
   * 发送验证码
   */
  sendCaptcha: function () {
    const that = this;
    wx.request({
      url: getApp().globalData.api + "/get_captcha",
      method: "POST",
      success(res) {
        console.log("验证码：" + res.data.captcha);
        that.setData({
          captcha: res.data.captcha
        })
      }
    })
  },
  /**
   * 验证码倒计时
   */
  startCountDown: function () {
    const that = this;
    that.setData({
      countDown: 59
    })
    //开启一个定时器
    const intervalId = setInterval(function () {
      if (that.data.countDown <= 0) { //倒计时结束，清除定时器，倒计时修改成0
        clearInterval(intervalId);
        that.setData({
          countDown: 0
        });
      } else { //倒计时未结束，更新倒计时秒数
        that.setData({
          countDown: that.data.countDown - 1
        });
      }
    }, 1000)
  },
  /**
   * 注册
   * @param {*} e 注册信息
   */
  registration: function (e) {
    let { captcha, password, rePassword, tel } = e.detail.value;
    //对输入的注册信息进行验证
    let verifyResults = this.verifyRegistration(captcha, password, rePassword, tel);
    //验证未通过不往下执行
    if (!verifyResults) {
      return;
    }
    //开启注册中提示
    wx.showLoading({
      title: '注册中',
      mask: true
    })
    //发送注册请求
    wx.request({
      url: getApp().globalData.api + '/registration',
      method: 'POST',
      data: {
        tel,
        password
      },
      success(res) {
        //关闭注册中提示
        wx.hideLoading();
        if (res.data.code == 547) {//手机号已经注册
          return wx.showToast({
            title: res.data.msg,
            icon: 'error',
            mask: true
          })
        }
        if (res.data.code == 548) {//注册失败
          return wx.showToast({
            title: res.data.msg,
            icon: 'error',
            mask: true
          })
        }
        if (res.data.code == 200) {//注册成功
          wx.showToast({
            title: res.data.msg,
            icon: 'success',
            mask: true,
            duration: 1000,
          })
          //跳转登录页面
          setTimeout(function () {
            wx.navigateBack({
              delta: 1,
            })
          }, 1000)
        }

      },
      fail() {//请求超时
        //关闭注册中提示
        wx.hideLoading();
        wx.showToast({
          title: '请求失败',
          icon: 'error'
        })
      }
    })
  },
  /**
   * 注册信息验证
   * @param {string} captcha 验证码
   * @param {string} password 密码
   * @param {string} rePassword 二次密码
   * @param {string} tel 手机号
   */
  verifyRegistration: function (captcha, password, rePassword, tel) {
    const that = this;
    let verifyResults = true;
    const telRegex = /^1[3-9]\d{9}$/;
    const passwordRegex = /^(?=.*[A-Za-z])(?=.*\d)[^\s]{8,20}$/;
    //判断手机号是否为空
    if (!tel) {
      wx.showToast({
        title: '请输入手机号',
        icon: 'error',
        mask: true
      })
      verifyResults = false;
    } else if (!telRegex.test(tel)) {//验证手机号格式
      wx.showToast({
        title: '手机号格式错误',
        icon: 'none',
        mask: true
      })
      verifyResults = false;
    } else if (!that.data.countDown) {//判断是否获取了验证码
      wx.showToast({
        title: '请获取验证码',
        icon: 'error',
        mask: true
      })
      verifyResults = false;
    } else if (!captcha) {//判断验证码是否为空
      wx.showToast({
        title: '请输入验证码',
        icon: 'error',
        mask: true
      })
      verifyResults = false;
    } else if (that.data.captcha != captcha) {//判断验证码是否正确
      wx.showToast({
        title: '验证码错误',
        icon: 'none',
        mask: true
      })
      verifyResults = false;
    } else if (!password) {//判断密码是否为空
      wx.showToast({
        title: '密码不能为空',
        icon: 'error',
        mask: true
      })
      verifyResults = false;
    } else if (!passwordRegex.test(password)) {//验证密码格式
      wx.showToast({
        title: '密码不符合要求',
        icon: 'none',
        mask: true
      })
      verifyResults = false;
    } else if (password != rePassword) {//判断两次密码是否一致
      wx.showToast({
        title: '两次密码不一致',
        icon: 'none',
        mask: true
      })
      verifyResults = false;
    }
    return verifyResults;
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})